/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */ @media screen, projection {
    /**
     * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
     * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
     *
     * @workaround
     * @affected IE8, FF, Webkit, Opera
     * @css-for all
     * @valid CSS3
     */
html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
}

body {
        overflow-y: auto;
        overflow-x: auto;
}

    /*-------------------------------------------------------------------------*/
    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */

    /* Layout Alignment | Layout-Ausrichtung */
    /* Layout Properties | Layout-Eigenschaften */
.page_margins {
		width: 100%;
        height: 100%;
        background: url(img/bg.jpg) center center repeat;
}

.page {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -221px;
        width: 442px;
        height: 600px;
        background: url(img/paper.png) center center no-repeat;
}

#header {
		width: 100%;
		height: 250px;
		background: transparent;
}

#main {
		width: 320px;
		height: 250px;
        margin: 0 0 0 70px;
        background: transparent;
		text-align: center;
}

#footer {
		width: 100%;
		height: 100px;
		background: transparent;
}

    /*-------------------------------------------------------------------------*/
    /**
     * (en) Formatting content container
     * (de) Formatierung der Inhalts-Container
     *
     */
#main {
		/*padding: 0px 20px*/
}

    /*-------------------------------------------------------------------------*/
}